<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>了解更多-云逛冬奥</title>
    <link href="css/more.css" type="text/css" rel="stylesheet">
    <link href="css/more_map.css" type="text/css" rel="stylesheet">
    <script src="js/more-map.js" type="text/javascript"></script>
    <script src="js/more.js" type="text/javascript"></script>
</head>
<body>
<header class="w">
    <div >
        <button  class="back" onclick="click_back()">
            <a>返回</a>
        </button>
    </div>
    <div class="logo">
        <img src="image/logo.png">
    </div>
    <div class="info">
        <ul>
            <li><a href="login.html">登录</a></li>
            <li><p>|</p></li>
            <li><a href="#" onclick="click_download()">下载</a></li>
        </ul>
    </div>
</header>
<div class="w nav">
    <ul>
        <li><a href="more_index.html" class="next" >消息广场</a></li>
        <li><a href="more_plog.html" class="next" >Plog云村</a></li>
        <li><a href="#top" class="this next">云逛冬奥</a></li>
        <li><a href="more_shouzhang.html" class="next">云上手账</a></li>
        <li><a href="more_zhoubian.html" class="next">冬奥周边</a></li>
        <li><a href="more_joy.html" class="next">吃喝玩乐</a></li>
        <li><a href="contact.html" class="next">联系我们</a></li>
    </ul>
</div>
<div class="w slider" id="obj">
    <div id="top"></div>
    <div class="main-map all-map">
        <img src="image/map.png">
        <button onclick="click_map()">点击了解场馆详情</button>
    </div>

    <div id="modo">
    <div class="gym-main">
        <img src="image/gym/总图.jpg">
        <div class="gym-info">
            <div class="gym-title">
                <b>2022冬奥场馆</b>
            </div>
            <div class="gym-text">
                <p>
                   北京赛区的首都体育馆，延庆赛区的国家高山滑雪中心、国家雪车雪橇中心，张家口赛区的京张高铁太子城站、国家跳台滑雪中心、国家冬季两项中心。在此前三次实地考察冬奥筹办工作时，云顶滑雪场、五棵松体育馆、首都体育馆、北京冬奥组委所在地石景山首钢园区等地。
                </p>
            </div>
        </div>
    </div>

    <!--其他场馆-->
    <div class="all-gym">
        <div class="all-gym-title" onclick="click_other()">
            <b>其他场馆</b>
        </div>
            <div class="other">
                <b>国家速滑馆</b>
                <img src="image/gym/北京冬奥国家速滑馆.jpg">
                <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
            </div>
            <div class="other">
                <b>冰立方</b>
                <img src="image/gym/冰立方.jpg">
                <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
            </div>
            <div class="other">
                <b>国家跳台滑雪中心</b>
                <img src="image/gym/国家跳台滑雪中心.jpg">
                <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容</p>
            </div>
        <div class="other">
                <b>国家高山滑雪中心</b>
                <img src="image/gym/国家高山滑雪中心.jpg">
                <p>内容内容内容内容内容内容内容内容内内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
            </div>
        </div>

    </div>
</div>
</div>

<div class="download app" id="app">
    <img src="image/download/app.PNG" title="打开微信扫一扫">
    <b>扫一扫，打开app</b>
</div>
<div class="download wechat" id="wechat">
    <img src="image/download/wechat.PNG" title="打开微信扫一扫">
    <b>扫一扫，打开小程序</b>
</div>
</body>
</html>